import React from 'react';
import { Card, Row, Col, Statistic } from 'antd';
import { 
    UserOutlined, 
    FileOutlined, 
    DownloadOutlined,
    UploadOutlined
} from '@ant-design/icons';

const AdminDashboard = () => {
    const stats = [
        {
            title: '总用户数',
            value: 1254,
            icon: <UserOutlined />,
            color: '#1890ff'
        },
        {
            title: '总种子数',
            value: 5689,
            icon: <FileOutlined />,
            color: '#52c41a'
        },
        {
            title: '今日下载',
            value: 1245,
            icon: <DownloadOutlined />,
            color: '#faad14'
        },
        {
            title: '今日上传',
            value: 987,
            icon: <UploadOutlined />,
            color: '#f5222d'
        }
    ];

    return (
        <div className="admin-dashboard">
            <h2 style={{ marginBottom: '24px' }}>系统概览</h2>
            
            <Row gutter={16}>
                {stats.map((stat, index) => (
                    <Col span={6} key={index}>
                        <Card>
                            <Statistic
                                title={stat.title}
                                value={stat.value}
                                prefix={stat.icon}
                                valueStyle={{ color: stat.color }}
                            />
                        </Card>
                    </Col>
                ))}
            </Row>
            
            <Row gutter={16} style={{ marginTop: '16px' }}>
                <Col span={12}>
                    <Card title="最近活动" style={{ height: '400px' }}>
                        {/* 最近活动列表 */}
                    </Card>
                </Col>
                <Col span={12}>
                    <Card title="系统状态" style={{ height: '400px' }}>
                        {/* 系统状态图表 */}
                    </Card>
                </Col>
            </Row>
        </div>
    );
};

export default AdminDashboard;